<template>
	<view class="container" v-if="videoList.length > 0">
		<view class="list">
			<view class="list__head">
				<view class="list__headin">
					<view class="list__headin-title">公安业务课程</view>
					<navigator :url="'./review/index?type=0'" hover-class="none" class="list__headin-more">更多 &gt;</navigator>
				</view>
			</view>

			<study-no-data v-if="noData"></study-no-data>
			<video-content v-else :list="videoList"></video-content>
			

		</view>
	</view>
</template>

<script>
	import {isEmpty} from '@/utils/index';
	import videoContent from "./videoContent";
	import studyNoData from '../studyNoData'
export default {
	components: {videoContent,studyNoData},
	props:{
	    videoList:{
	        type:Array,
	        default:function () {
	            return [];
	        }
	    },
	},
	data() {
		return {

		};
	},
	computed: {
		noData(){
			return isEmpty(this.videoList);
		}
	}
};
</script>

<style lang="less">
// 列表
.list {
	width: 100%;
	background-color: #fff;
	// margin-bottom: 20upx;
	padding-bottom: 20upx;
	&__head {
		padding-top: 20upx;
		.list__headin {
			display: flex;
			padding: 0 30upx 0;
			margin-top: 15upx;
			// border-left: 10upx solid #377cfd;

			&-title {
				font-size: 30upx;
				font-weight: 600;
				text-align: left;
				flex: 1.5;
			}
			&-more {
				font-size: 24upx;
				text-align: right;
				flex: 0.5;
				color: #999999;
				font-family: SimSun-ExtB;
			}
		}
	}
}
</style>
